<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib uri="/WEB-INF/tlds/hdiv-spring.tld" prefix="spring"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<c:url value="mostrarHWF2009.html" var="registrarPedidosatm"/>
<script type=text/javascript src="javascript/registrarpedidoatm.js"></script>
<style type="text/css">
button{
      width:auto;
      overflow: visible;
    }
    .ui-button { margin-left: -1px;}
    .ui-button-icon-only .ui-button-text { padding: 0; } 
    .ui-autocomplete-input { margin: 0; padding: 0; width: 180;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 1px; position: relative; padding: 1px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 1px;}
.scrollable{
    overflow: auto;
    width: 720px;
    height:380px;
}
#loading-image {
	background-color: #333;
	width: 55px;
	height: 55px;
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px;
}
.its7 thead tr th {
    padding: 0px;
    }
.its7 tbody tr td {
    padding: 0px;
    }    
</style>
<script type="text/javascript" language="JavaScript">    
    $(window).load(function() { $.unblockUI(); });    
    var codSucuHtbSession = '<c:out value="${sessionScope.sucursal}"/>';
    $(document).ready(function(){         
        $.blockUI({ message: "<img src='imagenes/logoProcesandoRight.gif' />", css:{ backgroundColor: "#FFFFFF", color: "#fff"} });
        
        if(objPedidoTemp[0] == null)
            createPedido(0);        
        
        $("#denosTable").hide();
        $(".subTotalTable").hide();
        $("#monedasTable").hide();         
        $("#errorContainer").hide();
        $("#noErrorContainer").hide();
        $(".afterOneSaved").hide();
        $("#codCntaOrigDiv").hide();
        
        $("#preliminar").click(function(){
            if(editingAfterSave){
                alert("Por favor guarde los datos de los pedidos para generar el excel");
                return false;
            }
            var pedidoArray = new Array();
            pedidoLength= 0;
            $.each(objPedido,function(key,value){
                if(objPedido[key].estado!='eliminado'){                  
                  pedidoArray[key] = new Array();
                  pedidoArray[key] = deepCopy(objPedido[key]);
                }
            });
            pedidoContainer = {
              "pedidos":{
                "javaClass":"java.util.List",
                "list":pedidoArray
              }
            };
            var result = jsonrpc.jsonService.savePedidoAtmInMemory(pedidoContainer);            
            $("#accion").attr("value","mostrarExcel");
            $("form").submit();
        });        
        $("#verPdf").click(function(){
            openWindow("verPDF");
        });
        $("#guardar").click(function(){
            if(editingAfterSave){
                alert("Tiene un pedido en edicion, por favor guardelo para continuar");
                return false;
            }
            $.blockUI({ message: '<img src="imagenes/logoProcesandoRight.gif" />', css:{ backgroundColor: '#FFFFFF', color: '#fff'} });

            var isClavePedidoOk = jsonrpc.jsonService.isValidPass($("#codigoDiario").attr("value"));
            if(isClavePedidoOk){   
              var pedidoArray = new Array();
              var indiceArray=0;
              $.each(objPedido,function(key,value){
                  if(objPedido[key].estado!='eliminado'){                  
                    pedidoArray[indiceArray] = new Array();
                    pedidoArray[indiceArray] = deepCopy(objPedido[key]);
                    indiceArray++;
                  }
              });
            
                pedidoContainer = {
                  "pedidos":{
                    "javaClass":"java.util.List",
                    "list":deepCopy(pedidoArray)
                  }
                };
                
                var pedidosResponse = jsonrpc.jsonService.savePedidoAtm(pedidoContainer);                
                if(pedidosResponse.SResult==1)
                    showErrorMessages(pedidosResponse);
                else{
                    $("#noErrorContainer").show();
                    $("#noErrorContainer").fadeOut(20000);
                    $("#denosTable tbody").html("");
                    $("#denosTable").hide();
                    $(".subTotalTable").hide();
                    showSustentoPedidos(pedidosResponse);
                    $(".afterOneSaved").hide();
                }
            }
            else{
                alert("clave de pedido invalida");
                $("#codigoDiario").attr("value","");
                $("#codigoDiario").focus();
                }
        $.unblockUI(); 
        });
        $("a").addClass("cancel"); 
        $(".afterSave").hide();
        
        $("#sucuHtbAlert").dialog({
            modal: true,
            buttons:{
                    Cancelar: function() {                             
                                $(".codSucuHtb").attr("value",codSucuHtbGlobal);                                         
                                $(this).dialog("close");
                            },
                    Aceptar: function() { 
                                $(this).dialog("close");
                                $(".codSucuHtb").trigger('change', true);
                                }
            },
            autoOpen: false,
            width: 450,
            draggable: true,
            resizable: false
        });
        $("#cuentaAlert").dialog({
            modal: true,
            buttons:{
                    Cancelar: function() {                             
                                $(".codCntaOrig").attr("value",codCntaOrigGlobal);                                         
                                $(this).dialog("close");
                            },
                    Aceptar: function() { 
                                $(".codCntaOrig").trigger('change', true);
                                $(this).dialog("close");
                                }
            },
            autoOpen: false,
            width: 450,
            draggable: true,
            resizable: false
        });
        $("#fecProcAperAlert").dialog({
            modal: true,
            buttons:{
                    Cancelar: function() {                             
                                $(".fecProcAper").attr("value",fecProcAperGlobal);                                         
                                $(this).dialog("close");
                            },
                    Aceptar: function() { 
                                $(".fecProcAper").trigger('change', true);
                                $(this).dialog("close");
                                }
            },
            autoOpen: false,
            width: 450,
            draggable: true,
            resizable: false
        });
        
        $("#montosVacioAlert").dialog({
            modal: true,
            buttons:{
                    Cancelar: function() {                             
                                $(this).dialog("close");
                            },
                    Aceptar: function() {
                                grabarPedido(globalIdPedido, globalRow);
                                $(this).dialog("close");
                                }
            },
            autoOpen: false,
            width: 450,
            draggable: true,
            resizable: false
        });
    });  
</script>

<style type="text/css">  
<!-- 
#pub_loading {display:none;}  
-->  
</style>
<form:form modelAttribute="form" action="${registrarPedidosatm}">
<form:hidden path="accion"/>
<form:hidden path="control"/>
<form:hidden path="cliente"/>
<form:hidden path="varIdPedido"/>
<form:hidden path="varRow"/>
<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

      <table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" 
             border="0" align="center">
            <tr>
                <td align="left" valign="top" class="fondo_contenido padtop16left21">
                    <table border="0">
                        
                        <tr>
                            <td>
                                <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
                                    <tr>
                                        <td height="22" align="left" valign="top" class="verdana11bazul"
                                            width="288">
                                            <ul class="navlist2">
                                                <li>
                                                    <spring:message code="HMF2009.titulo"/>
                                                </li>
                                            </ul>
                                        </td>
                                        <td width="510" ></td>
                                        <td align="left" valign="top"
                                            width="27"><div><a href="#" id="opener_agregarFavoritos"><img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a></div></td>
                                    </tr>
                                    
                                </table>
                                    </td>
                        </tr>
                        <tr>
                            <td valign="top">
                                <table border="0">
                                    <tr>
                                        <td valign="top">
                                        <fieldset>
                                            <legend class="verdana11bazul">DATOS DEL CLIENTE</legend>
                                            <table  style="padding: 10 0 0 40;" border="0" cellpadding="0" cellspacing="0" class="verdana10bazul" width="775">
                                                <tr>
                                                    <td style="width:100;padding: 10 0 0 40;" height="25" align="left" valign="top" class="verdana10bazul">Cliente</td>
                                                    <td style="padding: 10 0 0 0;" height="25" align="left" valign="top" class="verdana10negro">
                                                        <c:out value="${sessionScope.nombreCliente}"/>
                                                    </td>
                                                    <td style="width:100;padding: 10 0 0 40;" height="25" align="left" valign="top" class="verdana10bazul">Fecha</td>
                                                    <td style="padding: 10 0 0 0;" height="25" align="left" valign="top" class="verdana10negro">
                                                        <c:out value="${form.fechaHora}"/>
                                                    </td>
                                                </tr>
                                                
                                            </table>
                                        </fieldset>
                                        </td>
                                    </tr>                                    
                                    <tr>
                                        <td>
                                        <fieldset>
                                            <legend class="verdana11bazul">DATOS DEL PEDIDO</legend>
                                            <table>                                                
                                                <tr>
                                                    <td>
                                                        <table border="4" cellpadding="0" cellspacing="0" class="its7" id="pedidoTable" style="padding:0px;margin: 0;overflow:hidden;table-layout: fixed;">
                                                            <col width="40" title="Item"/>
                                                            <col width="180" title="Punto ATM"/>
                                                            <col width="100" title="Sucursal Hermes"/>
                                                            <col width="180" title="Cuenta"/>
                                                            <col width="66" title="Fecha Contable"/>
                                                            
                                                            <col width="66" title="Fecha de Atenci&oacute;n"/>
                                                            <col width="120" title="Prioridad"/>
                                                            <col width="49" title="Hora Ini"/>
                                                            <col width="49" title="Hora Fin"/>
                                                            <col width="50" title="Herramientas"/>
                                                            <thead>
                                                            <tr>
                                                                <th rowspan="2" align="center">Item</th>
                                                                <th rowspan="2" align="center">Punto ATM</th>
                                                                <th rowspan="2" align="center">Sucursal Hermes</th>
                                                                <th rowspan="2" align="center">Cuenta</th>
                                                                <th rowspan="2" align="center">Fecha Contable</th>
                                                                <th rowspan="2" align="center">Fecha de Atenci&oacute;n</th>
                                                                <th colspan="3" align="center">Prioridad</th>
                                                                <th rowspan="2" align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
                                                            </tr>
                                                            <tr>
                                                                <th align="center">Prioridad</th>
                                                                <th align="center">Hora Ini</th>
                                                                <th align="center">Hora Fin</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>                                                
                                                <tr>
                                                    <td><div id="denoErrors"/></td>
                                                </tr>
                                                <tr>
                                                    <td><div id="demo"/></td>
                                                </tr>
                                                <tr>
                                                    <td align="center" >
                                                        <table id="denoContainerTable">
                                                            <tr valign="top">
                                                                <td>
                                                                <table border="4" id="denosTable" class="its7" style="overflow:hidden">
                                                                    <thead>
                                                                        <tr>
                                                                            <th align="center">Nro. Disp</th>
                                                                            <th align="center" colspan="2">Denominacion</th>
                                                                            <th align="center">U.M.</th>
                                                                            <th align="center">Saldo Disponible</th>
                                                                            <th align="center">Monto</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody></tbody>
                                                                </table>
                                                                <table class="subTotalTable">
                                                                    <tr>
                                                                        <td class="verdana10bazul">Total Soles: </td>
                                                                        <td><div id="subTotalSolDiv" class="verdana10bazul">0.00</div></td>
                                                                        <td>&nbsp;</td>
                                                                        <td class="verdana10bazul">Total D&oacute;lares: </td>
                                                                        <td><div id="subTotalDolDiv" class="verdana10bazul">0.00</div></td>
                                                                    </tr>
                                                                </table>
                                                                </td>                                                                
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div id="secondTableDiv"></div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div id="errorGrabarUnoDiv"></div>
                                                    </td>
                                                </tr>  
                                            </table>
                                        </fieldset>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div id="errorContainer" style='color:red;'>
                                                <p>Lo sentimos:</p>
                                                <div id="errorGrabarDiv"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div id="noErrorContainer" class="verdana11bazul">
                                                <p>El(los) pedido(s) se registraron exitosamente</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="afterOneSaved">
                                        <td align="center">
                                            <table>
                                                <tr>
                                                    <td><input type="button" value="Vista Preliminar" id="preliminar" class="boton"></input> </td>
                                                    <td width="40">&nbsp;</td>
                                                    <td><span class="verdana10bazul">Clave de usuario</span></td>
                                                    <td><div class="fondo_txtbox65"><form:password path="codigoDiario" maxlength="10"/></div></td>
                                                    <td><input type="button" value="Guardar" id="guardar" class="boton"></input></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="center">
                                        <fieldset class="afterSave">
                                            <legend class="verdana11bazul">PEDIDOS TOTALES</legend>
                                            <table>
                                                <tr>
                                                    <td>
                                                        <table id="tableSustento" class="verdana10bazul its7" align="center">               
                                                            <thead>
                                                                <tr>
                                                                    <th>Serie</th>
                                                                    <th>Nro Pedido</th>
                                                                    <th>Punto</th>
                                                                    <th>Cuenta</th>
                                                                    <th>Prioridad</th>
                                                                    <th>Monto Soles</th>
                                                                    <th>Monto D&oacute;lares</th>
                                                                    <th>Fecha de Atenci&oacute;n</th>
                                                                </tr>  
                                                            </thead>
                                                            <tbody> 
                                                            </tbody>
                                                        </table>                                            
                                                    </td>
                                                </tr>
                                                <tr class="afterSave">
                                                    <td align="center">
                                                        <input type="button" class="boton" value="Generar Reporte" id="verPdf"/>                                        
                                                    </td>
                                                </tr>    
                                            </table>
                                        </fieldset>
                                        </td>
                                    </tr>
                                 </table>
                                </td>
                            </tr>
                    </table>
                  </td>
            </tr>
      </table>
</form:form>
<div id="sucuHtbAlert" title="Cambio de Sucursal">
    <p>Cambiar la sucursal podr&iacute;a modificar los siguientes Campos</p>
    <ul>
        <li>Fecha Contable</li>
        <li>Cuenta</li>
        <li>Fecha de Atenci&oacute;n</li>
        <li>Prioridad</li>
        <li>Saldo disponible por denominaci&oacute;n</li>
    </ul>
    <p>&iquest;Desea Continuar?</p>
</div>
<div id="cuentaAlert" title="Cambio de Cuenta">
    <p>Cambiar la cuenta podr&iacute;a modificar los siguientes Campos</p>
    <ul>
        <li>Fecha Contable</li>
        <li>Fecha de Atenci&oacute;n</li>
        <li>Saldo disponible por denominaci&oacute;n</li>      
    </ul>
    <p>&iquest;Desea Continuar?</p>
</div>
<div id="fecProcAperAlert" title="Cambio de Fecha Contable">
    <p>Cambiar la fecha contable podr&iacute;a modificar los siguientes Campos</p>
    <ul>
        <li>Fecha de Atenci&oacute;n</li>
        <li>Saldo disponible por denominaci&oacute;n</li>      
    </ul>
    <p>&iquest;Desea Continuar?</p>
</div>
<div id="montosVacioAlert" title="Montos Vac&iacute;os">
    <p>El pedido que est&aacute; registrando tiene denominaciones con montos vac&iacute;os o iguales a cero.</p>
    <p>&iquest;Desea Continuar?</p>
</div>